<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Websfg</title>
</head>
<body>

<style>
  button { margin:4px; cursor:pointer; font-size: 70%; font-family; arial,sans-serif; margin-right: 5px }
</style>

<h2>Websfg is sfg.c as wasm sugiyama graph layout running in the Browser</h2>
Enter your graph data as edges between node numbers into the text area below.<br>
to enter a edge from node number 2 to node number 3 do it this way on one line:<br>
2 3
<br>
<br>
<textarea id="graph_data" rows="20" cols="80" width="100%" wrap="off">
# this is a comment line starting with #
0 1
0 2
1 3
3 4
</textarea>
<p>

<button id="generate_btn" style="font-size: 100%">Generate Graph layout</button>

</p><div id="graph_svg_div">
  <!-- Target for dynamic svg generation -->
</div>




<script language="javascript" type="text/javascript" src="jquery-3.6.0.js"> </script>
<script language="javascript" type="text/javascript" src="site.js"> </script>


</body>
<!-- Defer loading of javascript by placing these tags at the tail end of the document -->
</html>

